.p-orders{
  min-height: 100vh;
  background:#494b47;
  box-sizing: border-box;

  //顶部banner
  .banner{
    // min-height: 420rpx;
    position: relative;
    .bImg{
      height: 420rpx;
    }
    .bInfo{
      position: absolute;
      width: 100%;
      left: 0;
      top:0;
      color:#fff;
      text-align: center;
      padding-top: 105rpx;
      .tip{
        font-size: 24rpx;
        font-weight: bold;
        text-shadow:1px 0 10px rgba(0,0,0,.75);
      }
      .btn{
        display: inline-block;
        margin-top: 43rpx;
        width: 308rpx;
        height: 82rpx;
        font-size: 35rpx;
        line-height: 82rpx;
        background:#ff4908;
        color:#fff;
        box-shadow:1px 0 10px rgba(0,0,0,.75);
      }
    }
  }

  //分割线
  .m-line{
    .t{
      background:#494b47;
    }
  }

  //猜你喜欢 - list
  .guestList{
    padding:10rpx 24rpx 30rpx;
    //我的课程
    &.own{
      background:#e2e2e2;
      .guestItem{
        padding-left:48rpx;
        .flag{
          right: 62rpx;
        }
      }
    }
    .guestItem{
      background:#fff;
      box-sizing:border-box;
      padding:31rpx 26rpx 24rpx 29rpx;
      border-radius:18rpx;
      overflow: hidden;
      margin-top:32rpx;
      position: relative;
      .flag{
        position: absolute;
        top:0;
        right:30rpx;
        width:67rpx;
        height: 56rpx;
        background-image:url(../../assets/p-orders/flag.png);
        background-size:contain;
        background-position:bottom;
        background-color:#ff4908;
        color:#fff;
        padding-top:10rpx;
        font-size: 21rpx;
        text-align: center;
        box-sizing:border-box;
        &.finish{
          color:#000;
          background-color:#e0ff6a;
        }
        &.cancel{
          background-color:#a9a9a9; 
        }
      }
      &:first-child{
        margin-top:0;
      }
      .avatar{
        margin-right: 23rpx;
        padding-bottom:14rpx;
        .aImg{
          width: 124rpx;
          height: 124rpx;
          border-radius:50%;
          border:1px solid #ff4908;
        } 
      }
      .info{
        .title{
          font-size: 30rpx;
          margin-bottom: 17rpx;
          color:#282828;
        }
        .name{
          color:#282828;
          font-size: 22rpx;
        }
        .addr,.time{
          font-size: 22rpx;
          margin-top: 13rpx;
          color:#575757;
        }

      }
      .action{
        .btn{
          padding:0;
          width: 138rpx;
          height: 60rpx;
          line-height: 60rpx;
          border:solid 1px #ff4908;
          color:#ff4908;
          font-size: 25rpx;
          background:transparent;
          .ic{
            font-size: 22rpx;
          }
          &.black{
            color:#000;
            border-color:#000;
          }
        }
      }
    }
  }

  //选项卡
  .m-wrap{
    padding:32rpx 24rpx;
    background:#e2e2e2;
    .m-switch{
      border-radius: 17rpx;
      border:solid 1px #000;
      box-sizing:border-box;
      overflow: hidden;
      .m-tag{
        color:#000;
        background:#fff;
        line-height:70rpx;
        font-size: 24rpx;
        text-align: center;
        border-right:solid 1px #000;
        &:last-child{
          border-right:0;
        }
        &.active{
          color:#ff4908;
          background:#000;
        }
      }
    }
  }
}